<!--
 * @Description: 页面描述：岗位详情组件
 * @Author: Yong
 * @Date: 2021-05-24 21:43:24
-->

<template>
    <div class="job-info">
        <!-- 基础信息 -->
        <el-form label-width="220px">
            <div class="block">
                <div class="title">基础信息</div>
                <el-form-item label="岗位">
                    <el-input v-model="formData.post" placeholder="请输入" class="inputW" />
                </el-form-item>
                <!-- <el-form-item label="转正日期">
          <el-date-picker
            v-model="formData.dateOfCorrection"
            type="date"
            placeholder="选择日期"
            value-format="yyyy-MM-dd"
          />
        </el-form-item> -->
                <el-form-item label="转正状态">
                    <el-select v-model="formData.stateOfCorrection" placeholder="请选择" disabled>
                        <el-option v-for="item in EmployeeEnum.stateOfCorrection" :key="item.value" :value="item.value" />
                    </el-select>
                </el-form-item>
                <el-form-item label="职级">
                    <el-input v-model="formData.rank" class="inputW" />
                </el-form-item>
                <el-form-item label="转正评价">
                    <el-input v-model="formData.correctionEvaluation" type="textarea" placeholder="1-300位字符" />
                </el-form-item>
                <el-form-item label="汇报对象">
                    <el-select v-model="formData.reportId" filterable placeholder="请选择" class="inputW">
                        <el-option v-for="item in depts" :key="item.id" :label="item.username" :value="item.id" />
                    </el-select>
                </el-form-item>
                <el-form-item label="HRBP">
                    <el-select v-model="formData.hrbp" filterable placeholder="请选择" class="inputW">
                        <el-option v-for="item in depts" :key="item.id" :label="item.username" :value="item.id" class="inputW" />
                    </el-select>
                </el-form-item>
                <el-form-item class="formInfo" label="调整司龄(天)：">
                    <el-input v-model="formData.adjustmentAgedays" type="number" placeholder="请输入" class="inputW" />
                </el-form-item>
                <el-form-item label="首次参加工作时间">
                    <el-date-picker v-model="formData.workingTimeForTheFirstTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
                </el-form-item>
                <el-form-item label="调整工龄">
                    <el-input v-model="formData.adjustmentOfLengthOfService" placeholder="0.00年" class="inputW" disabled />
                </el-form-item>
            </div>
            <!-- 合同信息 -->
            <div class="block">
                <div class="title">合同信息</div>
                <el-form-item class="formInfo" label="首次合同开始时间：">
                    <el-date-picker v-model="formData.initialContractStartTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
                </el-form-item>
                <el-form-item label="首次合同结束时间">
                    <el-date-picker v-model="formData.firstContractTerminationTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
                </el-form-item>
                <el-form-item label="现合同开始时间">
                    <el-date-picker v-model="formData.currentContractStartTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
                </el-form-item>
                <el-form-item label="现合同结束时间">
                    <el-date-picker v-model="formData.closingTimeOfCurrentContract	" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
                </el-form-item>
                <el-form-item label="合同期限">
                    <el-select v-model="formData.contractPeriod" class="filter-item">
                        <el-option v-for="item in EmployeeEnum.contractPeriod" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                </el-form-item>
                <el-form-item label="续签次数">
                    <el-select v-model="formData.renewalNumber" class="filter-item">
                        <el-option v-for="item in EmployeeEnum.renewalCount" :key="item.id" :label="item.value" :value="item.id" />
                    </el-select>
                </el-form-item>
            </div>
            <!-- 招聘信息 -->
            <div class="block">
                <div class="title">招聘信息</div>
                <el-form-item label="其他招聘渠道">
                    <el-select v-model="formData.otherRecruitmentChannels" placeholder="请选择">
                        <el-option v-for="item in EmployeeEnum.resumeSource" :key="item.id" :label="item.value" :value="item.value" />
                    </el-select>
                </el-form-item>
                <el-form-item label="招聘渠道">
                    <el-select v-model="formData.recruitmentChannels" placeholder="请选择">
                        <el-option v-for="item in EmployeeEnum.resumeSource" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                </el-form-item>
                <el-form-item label="社招/校招">
                    <el-select v-model="formData.socialRecruitment" placeholder="请选择">
                        <el-option v-for="item in EmployeeEnum.hireSourceType" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                </el-form-item>
                <el-form-item label="推荐企业/人">
                    <el-input v-model="formData.recommenderBusinessPeople" placeholder="请输入" class="infoPosition inputW" />
                </el-form-item>
            </div>
            <!-- 从业信息 -->
            <el-form-item>
                <el-button type="primary" @click="saveJob">保存更新</el-button>
                <el-button @click="$router.back()">返回</el-button>
            </el-form-item>
        </el-form>
    </div>

</template>

<script>
import EmployeeEnum from '@/api/constant/employees'
import { getEmployeeSimple, updateJob, getJobDetail } from '@/api/employees'

export default {
    data () {
        return {
            userId: this.$route.params.id,
            depts: [],
            EmployeeEnum,
            formData: {
                adjustmentAgedays: '', // 调整司龄天
                adjustmentOfLengthOfService: '', // 调整工龄天
                closingTimeOfCurrentContract: '', // 现合同结束时间
                companyId: '', // 公司ID
                contractDocuments: '', // 合同文件
                contractPeriod: '', // 合同期限
                correctionEvaluation: '', //  转正评价
                currentContractStartTime: '', // 现合同开始时间
                firstContractTerminationTime: '', // 首次合同结束时间
                hrbp: '', // HRBP
                initialContractStartTime: '', // 首次合同开始时间
                otherRecruitmentChannels: '', // 其他招聘渠道
                post: '', // 岗位
                rank: null, // 职级
                recommenderBusinessPeople: '', // 推荐企业人
                recruitmentChannels: '', // 招聘渠道
                renewalNumber: '', // 续签次数
                reportId: '', // 汇报对象
                reportName: null, // 汇报对象
                socialRecruitment: '', // 社招校招
                stateOfCorrection: '', // 转正状态
                taxableCity: '', // 纳税城市
                userId: '', // 员工ID
                workMailbox: '', // 工作邮箱
                workingCity: '', // 工作城市
                workingTimeForTheFirstTime: '' // 首次参加工作时间
            }
        }
    },

    created () {
        this.getJobDetail()
        this.getEmployeeSimple()
    },
    methods: {
        async getJobDetail () {
            this.formData = await getJobDetail(this.userId)
        },
        // 获取员工列表
        async getEmployeeSimple () {
            this.depts = await getEmployeeSimple()
        },
        // 保存岗位信息
        async saveJob () {
            await updateJob(this.formData)
            this.$message.success('保存岗位信息成功')
        }
    }
}
</script>

